body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif, "Hiragino Kaku Gothic ProN", Meiryo;
}

*{
  padding: 0;
  margin: 0;
}

.menu-title{
  margin: 8px;
  min-height: 50px;
  border-radius: 8px;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
}

.has-shadow{
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.rounded{
  border-radius: 8px;
}

.rounded-16{
  border-radius: 16px;
}

.rounded-32{
  border-radius: 32px;
}

.flex-center{
  display: flex;
  justify-content: center;
  align-items: center;
}

p{
  color: #474747;
  font-weight: bold;
}

.el-info-button{
  border-radius: 14px!important;
}

.el-info-button>span{
  font-weight: bold;
  color: rgb(71, 71, 71);
}

.el-info-button:hover>span{
  color: var(--el-color-primary)!important;
}

.no-border-input>.el-input__wrapper{
  background-color: rgb(245, 245, 245);
  margin-top: 8px;
  box-shadow: none;
  border: rgba(255, 255, 255, 0.01) 3px solid;
  border-radius: 8px;
  transition: 0.5s;
}

.no-border-input>.el-input__wrapper{
  box-shadow: none!important;
}

.no-border-input>.el-input__wrapper:hover{
  background-color: rgba(0, 0, 0, 0.08);
}

.no-border-input>.el-input__wrapper:focus-within{
  border: #adddfd 3px solid;
  background-color: rgb(245, 245, 245);
}

.no-border-input>.el-input__wrapper>.el-input__inner{
  height: 38px;
}

.no-border-input>.el-input__wrapper>.el-input__suffix>.el-input__suffix-inner>.el-input__count>.el-input__count-inner{
  background-color: rgba(255, 255, 255, 0);
  font-size: 14px;
}

.no-border-input.el-textarea{
  margin-top: 8px;
  box-shadow: none;
  border: #ffffff 3px solid;
  border-radius: 8px;
  transition: 0.5s;
}

.no-border-input.el-textarea:hover{
  border: #ffffff 3px solid;
}

.no-border-input.el-textarea:focus-within{
  border: #adddfd 3px solid;
}

.no-border-input>.el-textarea__inner{
  background-color: rgb(245, 245, 245);
  box-shadow: none!important;
  transition: 0.5s;
}

.no-border-input>.el-textarea__inner:hover{
  background-color: rgba(0, 0, 0, 0.08);
}

.no-border-input>.el-textarea__inner:focus{
  background-color: rgb(245, 245, 245);
}

.no-border-select>.el-select__wrapper:hover{
  background-color: rgba(0, 0, 0, 0.08);
}

.no-border-select>.el-select__wrapper:active{
  background-color: rgb(245, 245, 245)!important;
}

.no-border-select>.el-select__wrapper{
  box-shadow: none!important;
  background-color: rgb(245, 245, 245);
}

.user-info-img-container{
  min-width: 100px!important;
  width: 100px;
  height: 100px;
  overflow: hidden;
}

.user-info-img{
  width: 96px;
  height: 96px;
  border-radius: 50%;
  border: 2px solid rgb(255, 255, 255);
  object-fit: cover;
}

.flex-row-center{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.flex-column-center{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

